@charset "utf-8";
body {color:#000;width:100%;max-width:680px;margin:0 auto;
font: 100% "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
input{font: 100% "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.hide{display:none;}
.logo{max-width:150px;width:20%;margin:2%;}
#header{text-align:center;position:relative;}
#section{}
#section input{width:90%;font-size:150%;margin:0 5%;background:none;line-height:150%;vertical-align:center;}
#section #submit{background:#cc2a1e;border:none;color:#FFF;padding:1.8% 0;}
#section #submit:active{margin:0.1% 5.2%;width:89.8%;line-height:149.8%;}
#section #submit:hover{cursor:pointer;}
#section .tip{color:#5b626c;margin:0 5%;}
#section .text{line-height:180%;border: 1px solid rgb(186,186,186);text-indent:.5em;}
#section .text:focus{border: 1px solid #cc2a1e;outline: #cc2a1e solid 1px;}

#section .qrcode{width:100%;max-width:900px;}
#section #join_name{display:block;color:#a40000;font-size:300%;margin:5% 0;text-align:center;}
img.error{width:100%}